view,
text,
input {
	box-sizing: border-box;
}


button {
	background-color: transparent;
	padding: 0;
	margin: 0;
	line-height: inherit;
}

button::after {
	border: none;
	height: auto;
}

.page-content {
	display: flex;
	width: 100%;
	height: 100vh;
	flex-direction: column;
	overflow: hidden;
	font-size: 28rpx;
	background-color: #f7f7f7;
	color: #363636;
}

.bg-white {
	background-color: #fff;
}


.w-full {
	width: 100%;
}

.flex {
	display: flex;
	width: 100%;
}

.flex-wrap {
	flex-wrap: wrap;
}


.flex-column {
	flex-direction: column;
}

.inline-flex {
	display: inline-flex;
}

.flex-1 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	-webkit-flex: 1 1 0%;
	flex: 1 1 0%;
}

.justify-center {
	justify-content: center;
}

.justify-end {
	justify-content: flex-end;
}

.justify-between {
	justify-content: space-between;
}

.items-center {
	align-items: center;
}

.items-end {
	align-items: flex-end;
}

.content-center {
	align-content: center;
}

.content-start {
	align-content: flex-start;
}


.font-24 {
	font-size: 24rpx;
}

.font-26 {
	font-size: 26rpx;
}

.font-28 {
	font-size: 28rpx;
}

.relative {
	position: relative;
}


.radius-round {
	border-radius: 50%;
}


.text-center {
	text-align: center;
}


.truncate {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.color-white {
	color: #fff;
}


/* 移除滚动条样式 */
::-webkit-scrollbar {
	display: none;
	/* 对于Webkit浏览器 */
}

/* 或者设置滚动条宽度为0 */
::-webkit-scrollbar {
	width: 0;
	height: 0;
}

